<template>
<div>
    <div>
      <homePage></homePage>
    </div>
    <div style="text-align:center;">
        <p class="text">我们非常抱歉！暂无该学者有关信息...</p>
        <img
          class="back"
          src="../assets/scholarProfile/404.png"
        />
    </div>
    <div class="bottom_info">
      <bottom-info></bottom-info>
    </div>
</div>
</template>

<script>
import bottomInfo from "../components/bottomInfo.vue";
import homePage from "../components/homePage.vue";

export default {
    components: {
    "bottom-info": bottomInfo, //挂载底部组件
    homePage,
  },
}
</script>

<style scoped>
.bottom_info {
  margin-top: 40px;
  padding-bottom: 40px;
}
.text{
    font-size: 30px;
    font-weight: bold;
    color:rgb(26, 26, 81);
}
.back{
    width:800px;
    height: 450px;
}
</style>
